<template>
  <a-layout-header>
    <a-icon
        class="trigger"
        :type="collapsed ? 'menu-unfold' : 'menu-fold'"
        @click="toggle"/>
  </a-layout-header>
</template>

<script>
export default {
  name: "GlobalHeader",
  props: {
    collapsed: {
      type: Boolean,
      required: false,
      default: false
    },
  },
  data() {
    return {

    }
  },
  methods: {
    toggle() {
      this.$emit('toggle')
    },
  }
}
</script>

<style scoped>

</style>